.tag {
  padding: 1em 2em;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  display: inline-flex;
  word-break: break-all;
  cursor: pointer;
  transition: transform 0.1s ease-in;
  color: inherit;
  margin-bottom: 6px;
  flex-shrink: 0;

  &:nth-child(2) {
    margin-left: 6px;
  }

  &:not(:first-child):not(:last-child) {
    margin-right: 6px;
  }

  &:hover {
    color: inherit;
  }

  &:active {
    transform: scale(0.8);
  }
}
